<template>
  <div class="DepartmentTree">
    <ul id="ulText">
      <li id="DepartmentLine">
        <department-list :id="v.id" :title="v.title" />
      </li>
    </ul>
  </div>
</template>

<script>
import DepartmentList from '@/components/common/DepartmentList.vue'
export default {
  name: 'DepartmentTree',
  components: { DepartmentList }
}
</script>

<style scoped>
  .DepartmentTree{
    margin:0;
    padding:0;
    background:#ffffff
  }

  .DepartmentTree li {
    list-style: none;
    padding: 7px;
    border-bottom: #efecec solid 1px
  }
  .DepartmentTree li:hover {
    background: #f4f4f4
  }
  .DepartmentTree ul {
    background: #ffffff;
    padding: 0;
    margin: 0;
  }
</style>
